document.addEventListener('DOMContentLoaded', function () {
    const chatMessages = document.getElementById('chat-messages');
    const userInput = document.getElementById('user-input');
    const sendBtn = document.getElementById('send-btn');
    const newChatBtn = document.getElementById('new-chat-btn');

    async function sendMessage() {
        const message = userInput.value.trim();
        if (message) {
            // 显示用户消息
            addMessage(message, true);

            // 清空输入框
            userInput.value = '';

            try {
                // 调用API
                const response = await fetch('/fjh_chat_llm/llm_chat_test', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                    },
                    body: JSON.stringify({ input_info: message }),
                });

                if (!response.ok) {
                    throw new Error('API请求失败');
                }

                const data = await response.json();

                // 显示AI回复
                addMessage(data.message, false);
            } catch (error) {
                console.error('发送消息时出错:', error);
                addMessage('抱歉，发生了错误。请稍后再试。', false);
            }
        }
    }

    function addMessage(content, isUser) {
        const messageDiv = document.createElement('div');
        messageDiv.classList.add('message');
        messageDiv.classList.add(isUser ? 'user-message' : 'ai-message');

        const avatar = document.createElement('div');
        avatar.classList.add('avatar');
        avatar.innerHTML = isUser ? '<i class="fas fa-user"></i>' : '<i class="fas fa-robot"></i>';

        const textDiv = document.createElement('div');
        textDiv.classList.add('message-text');
        textDiv.textContent = content;

        messageDiv.appendChild(avatar);
        messageDiv.appendChild(textDiv);
        chatMessages.appendChild(messageDiv);
        chatMessages.scrollTop = chatMessages.scrollHeight;
    }

    // function sendMessage() {
    //     const message = userInput.value.trim();
    //     if (message) {
    //         addMessage(message, true);
    //         userInput.value = '';

    //         // 这里应该发送消息到后端并获取回复
    //         // 为了演示，我们模拟一个AI回复
    //         setTimeout(() => {
    //             addMessage('这是AI的回复', false);
    //         }, 1000);
    //     }
    // }

    sendBtn.addEventListener('click', sendMessage);

    userInput.addEventListener('keypress', function (e) {
        if (e.key === 'Enter' && !e.shiftKey) {
            e.preventDefault();
            sendMessage();
        }
    });

    // newChatBtn.addEventListener('click', function () {
    //     // 清除当前聊天记录
    //     chatMessages.innerHTML = '';
    //     // 这里可以添加创建新聊天的逻辑
    // });

    // // 自动调整文本区域高度
    // userInput.addEventListener('input', function () {
    //     this.style.height = 'auto';
    //     this.style.height = (this.scrollHeight) + 'px';
    // });
});